<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body {
				background-color: #eee;
			}

			.box {
				width:1000px;
				height: 600px;
				margin: 0 auto;
			}

			.box div {
				width:200px;
				height: 295px;
				float: left;
				background-color: white;
				margin: 0 10px 10px 0
			}

			img {
				display: block;
				margin: 0 auto;
				height: 160px;
				width: 160px;
			}

			p {
				text-align: center;
			}
			.yan{
				color:#b0b0b0 ;
				font-size: 12px;
			}
			.juli{
				margin: 0 10px 2px;
			}
			span{
				text-align: center;
				display: block;
				color: #ff6700;}
		</style>
	</head>
	<body>
		<div class="box">
			<div>
				<img src="img/01.webp">
				<p class="juli">Xiaomi 15 Ultra</p>
				<p class="yan"> 徕卡1英寸主摄 | 徕...</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/02.webp">
				<p class="juli">REDMI Turbo</p>
				<p class="yan">REDMI Turbo 4 好看又能打</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/03.webp">
				<p class="juli">Redmi 14C</p>
				<p class="yan">【持久续航】5160mAh</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/04.webp">
				<p class="juli"> REDMI K80 Pro</p>
				<p class="yan">骁龙8至尊版|2K新国屏|</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/05.webp">
				<p class="juli">REDMI K80</p>
				<p class="yan">第三代骁龙8|2K新国屏|</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/06.webp">
				<p class="juli"> Xiaomi 15 Pro</p>
				<p class="yan">徕卡光学 Summilux</p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/07.webp">
				<p class="juli">Xiaomi 15 定制版</p>
				<p class="yan">卡光学 Summilux </p>
				<span>6700元</span>
			</div>
			<div>
				<img src="img/08.webp">
				<p class="juli">Xiaomi 15 Ultra</p>
				<p class="yan"> 徕卡1英寸主摄 | 徕...</p>
				<span>6700元</span>
			</div>
		</div>
	</body>
</html>